var app = new Vue ({
    el:"#app",
    data:{
      searchSongsName:"",
      searchSongsList:[],
      playUrl:"",
      coverUrl:"images/cover.png",
      hotDiscuss:[],
      mvUrl:"",
      isPlaying: false,
      // 遮罩层的显示状态
      isShow: false,
    },
    methods:{
      searchSongs:function() {
        var that = this;
        // 歌曲搜索接口
        // 请求地址:https://autumnfish.cn/search
        // 请求方法:get
        // 请求参数:keywords(查询关键字)
        // 响应内容:歌曲搜索结果
        axios.get("https://autumnfish.cn/search?keywords=" + this.searchSongsName).then(
          function(response) {
            // console.log(response);
            that.searchSongsList = response.data.result.songs
            // console.log(response.data.result.songs)
          },
          function(err) {}
        )
      },
      playSongs:function(id){
        var that = this
        // 歌曲url获取接口
        // 请求地址:https://autumnfish.cn/song/url
        // 请求方法:get
        // 请求参数:id(歌曲id)
        // 响应内容:歌曲url地址
        axios.get("https://autumnfish.cn/song/url?id=" + id).then(
          function(response){
            // console.log(response)
            that.playUrl=response.data.data[0].url
            // console.log(response.data.data[0].url)
          },
          function(err){}
        ),
    // 3.歌曲详情获取
    // 请求地址:https://autumnfish.cn/song/detail
    // 请求方法:get
    // 请求参数:ids(歌曲id)
    // 响应内容:歌曲详情(包括封面信息
        axios.get("https://autumnfish.cn/song/detail?ids=" + id).then(
          (response)=>{
            // console.log(response)
            // console.log(this);
            that.coverUrl=response.data.songs[0].al.picUrl
            // console.log(response.data.songs[0].al.picUrl)
          },
          function(err){}
          ),

        //   4.热门评论获取
        // 请求地址:https://autumnfish.cn/comment/hot?type=0
        // 请求方法:get
        // 请求参数:id(歌曲id,地址中的type固定为0)
        // 响应内容:歌曲的热门评论
      axios.get("https://autumnfish.cn/comment/hot?type=0&id=" + id).then(
        function(response){
          console.log(response)
          that.hotDiscuss=response.data.hotComments
          console.log(response.data.hotComments)

        },
        function(err){
          // console.log(err)
        }
      )},

      // 歌曲播放
    play: function() {
      // console.log("play");
      this.isPlaying = true;
    },
    // 歌曲暂停
    pause: function() {
      // console.log("pause");
      this.isPlaying = false;
    },
    // 播放mv
    playMv:function(id){
      // 5.mv地址获取
      //   请求地址:https://autumnfish.cn/mv/url
      //   请求方法:get
      //   请求参数:id(mvid,为0表示没有mv)
      //   响应内容:mv的地址
      // var that = this
      // axios.get("https://autumnfish.cn/mv/url?id="+ id).then(
      //   function(response){
      //     that.mvUrl = response.data.data.url
      //     that.isShow= true
      //     console.log(response.data.data.url)
      //   }
      // )
      var that = this
      axios.get("https://autumnfish.cn/mv/url?id="+ id).then(response=>{
        that.mvUrl = response.data.data.url
        that.isShow= true
        console.log(response.data.data.url)
      })
  },
    // 隐藏
    hide: function() {
      this.isShow = false;
    }
    }    
})
